<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_35660130',
'img_33360492',
'img_606875070',
'img_460580129',
'img_984677187',
'img_933791034',
'img_860594277',
'img_801135523',
'img_982909452',
'img_51991633',
'img_327048370',
'img_95433124',
'img_585759356',
'img_752633918',
'img_895351573',
'img_677247584',
'img_422514024',
'img_300842282',
'img_406562554',
'img_109101414',
'img_860739556',
'img_900880471',
'ZY_YanXianSheng_22',
'ZY_GeYueTangHuaXue_23',
'img_577800881',
'img_406648836',
'ZY_YanXianSheng_26',
'ZY_GeYueTangHuaXue_27',
'img_21972927',
'img_997574306',
'ZY_YanXianSheng_30',
'ZY_GeYueTangHuaXue_31',
'img_30454378',
'img_989036540',
'ZY_YanXianSheng_34',
'ZY_GeYueTangHuaXue_35',
'img_449218131',
'img_605441712',
'ZY_YanXianSheng_38',
'ZY_GeYueTangHuaXue_39',
'img_104704323',
'img_466704549',
'ZY_YanXianSheng_42',
'ZY_GeYueTangHuaXue_43',
'img_175151077',
'img_486510166',
'img_173514922'
"  ></cms:ads>
<!doctype html>
<html lang="en">
 <head> 
  <meta charset="UTF-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>逆糖计划${网页标题}</title> 
  <link rel="stylesheet" href="http://file.micromall.xczhyf.cn/uploadeFile/css/public.css">
  <link rel="stylesheet" href="http://file.micromall.xczhyf.cn/uploadeFile/css/style.css">
  <style>*{ margin:0; padding:0;  }.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; } .videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width: 680px; height: 380px; background: #000; text-align: center;} .caseBox{ width:290px; /* height:290px; */ cursor: pointer; } .caseName{ width:80px; height:34px; background-color: #E0B92C; border-radius: 10px; color:#fff; text-align: center; line-height: 34px; } .casecontent{ font-family: 'Droid Sans'; color: #737f85; }</style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <div style="background: #fff;"> 
   <jsp:include page="_top.jsp"></jsp:include> 
   <div class="w1200 marginAuto"> 
    <img src="${img_35660130.adImg}" alt="" class="w_100 zy" data-type="ad" data-id="${img_35660130.adId}"> 
    <div class="mt60 flex_jus_cen mb60">
     <cms:ad var="spzx" code="ntsp"></cms:ad>
     <cms:ad var="spzx2" code="ntsp2"></cms:ad>
     <c:forEach items="${spzx }" var="item">
      <video src="${item.adUrl}" autoplay="autoplay" poster="${item.adImg}" controls="controls" width="1000px" height="450px"></video>
     </c:forEach>
    </div> 
    <div class="mt60 flex_jus_cen mb60"> 
     <img src="${img_33360492.adImg}" alt="" class="w_100 zy" data-type="ad" data-id="${img_33360492.adId}"> 
    </div> 
    <div class="mt60 flex_jus_cen"> 
     <img src="${img_606875070.adImg}" alt="" class="w_100 zy" data-type="ad" data-id="${img_606875070.adId}"> 
    </div> 
    <div> 
     <a href="${path }/do/redirect/pc/Apply" target="_blank"><img src="${img_460580129.adImg}" alt="" class="w_100 pointer zy" data-type="ad" data-id="${img_460580129.adId}"></a>
    </div> 
    <div class="mt60 flex_jus_cen"> 
     <img src="${img_984677187.adImg}" alt="" class="w_100 zy" data-type="ad" data-id="${img_984677187.adId}"> 
    </div> 
    <div> 
     <a href="${path }/do/redirect/pc/Apply" target="_blank"><img src="${img_933791034.adImg}" alt="" class="w_100 pointer zy" data-type="ad" data-id="${img_933791034.adId}"></a>
    </div> 
    <div class="mt60 flex_jus_cen"> 
     <img src="${img_860594277.adImg}" alt="" class="w_100 zy" data-type="ad" data-id="${img_860594277.adId}"> 
    </div> 
    <div> 
     <a href="${path }/do/redirect/pc/Apply" target="_blank"><img src="${img_801135523.adImg}" alt="" class="w_100 pointer zy" data-type="ad" data-id="${img_801135523.adId}"></a>
    </div> 
    <div class="mt60 flex_jus_cen"> 
     <img src="${img_982909452.adImg}" alt="" class="w_100 zy" data-type="ad" data-id="${img_982909452.adId}"> 
    </div> 
    <div> 
     <a href="${path }/do/redirect/pc/Apply" target="_blank"><img src="${img_51991633.adImg}" alt="" class="w_100 pointer zy" data-type="ad" data-id="${img_51991633.adId}"></a>
    </div> 
    <div class="mt60 flex_jus_cen"> 
     <img src="${img_327048370.adImg}" alt="" class="w_100 zy" data-type="ad" data-id="${img_327048370.adId}"> 
    </div> 
    <div> 
     <a href="${path }/do/redirect/pc/Apply" target="_blank"><img src="${img_95433124.adImg}" alt="" class="w_100 pointer zy" data-type="ad" data-id="${img_95433124.adId}"></a>
    </div> 
    <div class="mt60 flex_jus_cen"> 
     <img src="${img_585759356.adImg}" alt="" class="w_100 zy" data-type="ad" data-id="${img_585759356.adId}"> 
    </div> 
    <div class="mt60 flex_jus_cen"> 
     <img src="${img_752633918.adImg}" alt="" class="w_100 zy" data-type="ad" data-id="${img_752633918.adId}"> 
    </div> 
    <div class="mt60 flex_jus_cen"> 
     <img src="${img_895351573.adImg}" alt="" class="w_100 zy" data-type="ad" data-id="${img_895351573.adId}"> 
    </div> 
    <div class="mt60 flex_jus_cen">
     <c:forEach items="${spzx2 }" var="item">
      <video src="${item.adUrl}" autoplay="autoplay" poster="${item.adImg}" controls="controls" width="1000px" height="450px"></video>
     </c:forEach>
<%--     <img src="${img_677247584.adImg}" alt="" class="w_100 zy" data-type="ad" data-id="${img_677247584.adId}"> --%>
    </div> 
    <div class="mt60 flex_jus_cen"> 
     <img src="${img_422514024.adImg}" alt="" class="w_100 zy" data-type="ad" data-id="${img_422514024.adId}"> 
    </div> 
    <div class="mt60 flex_jus_cen"> 
     <img src="${img_300842282.adImg}" alt="" class="w_100 zy" data-type="ad" data-id="${img_300842282.adId}"> 
    </div> 
    <div class="mt60 flex_jus_cen"> 
     <img src="${img_406562554.adImg}" alt="" class="w_100 zy" data-type="ad" data-id="${img_406562554.adId}"> 
    </div> 
    <div class="lc"> 
     <div class="items"> 
      <div class="right"> 
       <div class="Scroll-left flex_jus_cen mt20"> 
        <div class="hd"> 
         <a class="next"><img src="${img_109101414.adImg}" alt="" class="zy" data-type="ad" data-id="${img_109101414.adId}"></a> 
         <a class="prev"><img src="${img_860739556.adImg}" style="position: relative;right:40px;" alt="" class="zy" data-type="ad" data-id="${img_860739556.adId}"></a> 
        </div> 
        <div class="bd"> 
         <ul class="picList">
          <cms:ad var="sp" code="spzx"></cms:ad>
          <c:forEach items="${sp }" var="item">
           <li>
            <div class="caseBox"  ipath="${item.adUrl}">
             <img src="${item.adImg}" alt="" style="height: 200px;margin-top: 40px;" class="caseBox zy" data-type="ad" data-id="${img_110857.adId}">

             <div class="text_center casecontent mt20 zy" data-type="ad" data-id="${ZY_GeYueTangHuaXue_65.adId}">
               ${item.adTitle}
             </div>
            </div>
           </li>
          </c:forEach>
         </ul> 
         <div class="videos"></div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
    <div class="mt60 flex_jus_cen mb60"> 
     <img src="${img_486510166.adImg}" alt="" class="w_100 zy" data-type="ad" data-id="${img_486510166.adId}"> 
    </div> 
    <div class="mt60 flex_jus_cen mb60"> 
     <img src="${img_173514922.adImg}" alt="" class="w_100 zy" data-type="ad" data-id="${img_173514922.adId}"> 
    </div> 
   </div> 
   <jsp:include page="_footer.jsp"></jsp:include> 
  </div>  
  <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> 
  <script src="http://file.micromall.xczhyf.cn/uploadeFile/js/jquery.SuperSlide.2.1.1.js"></script>
  <script>
   $('.caseBox').each(function(){ //遍历视频列表
    $(this).click(function(){ //这个视频被点击后执行
     var img = $(this).attr('vpath');//获取视频预览图
     var video = $(this).attr('ipath');//获取视频路径

     $('.videos').html("<video id=\"video\" poster='"+img+"' style='width: 640px;margin-top:10px' src='"+video+"' preload=\"auto\" controls=\"controls\" autoplay=\"autoplay\"></video><img onClick=\"close1()\" class=\"vclose\" src=\"http://file.micromall.xczhyf.cn/uploadeFile/img/gb.png\" width=\"25\" height=\"25\"/>");
     $('.videos').show();
    });
   });

   function close1(){
    var v = document.getElementById('video');//获取视频节点
    $('.videos').hide();//点击关闭按钮关闭暂停视频
    v.pause();
    $('.videos').html();
   }
    jQuery(".Scroll-left").slide({
        titCell: ".hd ul",
        mainCell: ".bd ul",
        autoPage: true,
        effect: "left",
        autoPlay: true,
        vis: 3
    });
</script> 
 </body>
</html>